@namespace xf url("http://www.w3.org/2002/xforms");
/* this is a general-purpose CSS file for all XForms files */
/* do not put form-specific formatting or table-specific formatting in this file */
/* Note #4D9471 is the green used on the Department of Revenue web site */

/* generic base global css for all xforms */
body {font-family:Arial, Helvetica, sans-serif; font-size:75%; margin:0; padding:0; width:1000px;}
h1 {color:#601; padding:0 15px;}
img {border:0;}

/* ***************alert - this is in to get rid of ALL the image blocks ************* */
xf|group img {display:none;}
/* classes */
.display-group {border:1px dotted black;}
.personal-property-worksheet-group {margin:0; border:0; width:100%; clear:both; padding:0;}
.banner-image {padding:15px;}
.error-message {font-size:1.5em; background:pink; border:1px dashed red; padding:5px;}
.result-text {color:blue; font-size: 3.0em;}
.amount .xf-value, .count .xf-value {text-align:right;}

/* xforms specific styling */
xf|* {margin:0; padding:0;}

/* This line puts a black border around all specified xforms groups and gives them both margin and padding */
xf|group {border:1px solid #000; margin:15px 5px; padding:5px;}

/* This line ensures all the separate form elements appear on their own lines */
xf|input, xf|select, xf|select1, xf|textarea {display:block; width:100%; margin:5px 0;}

xf|input > xf|label, xf|select > xf|label, xf|select1 > xf|label, xf|textarea > xf|label {text-align:right; padding-right:10px;}

/* Adding black borders to most form elements */
xf|input .xf-value, xf|textarea .xf-value {border:1px solid black; padding:3px;}

/* Differentiate between required fields and non-required fields */
xf|input:required {font-weight: bold;}
xf|input:required .xf-value {background-color:#fff6af;}
/* This adds a red asterisk after the required input fields */
*:required::after {font-weight:bold; font-size:1.5em; content: "*"; color: red; }
/* add signifier to read-only input boxes */
:-moz-read-only::after {font-weight:bold; font-size:1em; content: "(read-only)"; color:green;}

xf|group > xf|label {background:#fff; font-weight:bold; padding:5px;}

/*  position:relative; left:0; top:-13px; */

/* This marks any read-only fields a different shade to the others */
:-moz-read-only .xf-value {background:#bdf;}

/* This marks the "selected" point within a set of repeated elements */
xf|repeat .xf-repeat-item {background:#ddd; border:1px solid #ddd;}
xf|repeat .xf-repeat-index  {background:#999; border:1px dotted black;}


/*.xf-repeat-item { background:red;}*/

/* our delete confirmation box */
.background {position:fixed; top:0; left:0; background:#888; width:100%; height:110%; opacity:0.9; z-index:2;}
.delete-confirm-box {width:500px; height:250px; border:3px dotted #1c5180; background:#fff; margin:auto; margin-top:200px; z-index:3;}
.delete-option-triggers {text-align:center; width:100%; margin-top:-70px;}
.translucent-background {position:absolute; top:0; left:0; width:500px; height:250px; background-color:blue; margin:auto; margin-top:200px;}

/*#delete-confirm-box svg {float:left; width:120px; height:120px; border:1px solid black; z-index:2;})*/
xf|trigger {margin-right:20px;} 
/*#delete-confirm-box xf|trigger {width:100%; border:1px solid green;} */
/*#delete-confirm-box xf|output {font-family:Arial; font-weight:bold; text-align:center; position:relative; left:250px; top:50px;}*/
.content-for-deletion {float:left; width:340px; position:relative; top:0; left:0; padding:10px;}
.content-for-deletion p {padding:0; margin-bottom:10px; font-weight:bold; font-size:1.2em;}
.delete-confirm-box h2 {font-size:1.5em; margin:0; padding:5px; color:#fff; font-family:Century Gothic; text-align:center; background:#3e7c8f;}

